﻿<!DOCTYPE html>
<html lang="zxx" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>Kiwi</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8" />
    <meta name="keywords" content="" />
    <script>
        addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }

    </script>
    <!-- Custom Theme files -->
    <link th:href="@{/css/bootstrap.css}" type="text/css" rel="stylesheet" media="all">
    <link th:href="@{/css/style.css}"type="text/css" rel="stylesheet" media="all">
    <!-- font-awesome icons -->
    <link th:href="@{/css/font-awesome.min.css}"rel="stylesheet">
    <!-- //Custom Theme files -->
    <!-- online-fonts -->
    <link href=" http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800" rel="stylesheet">
    <!-- //online-fonts -->
</head>

<body>

    <section class="main-banner" id="home">
        <div class="header-top-w3layouts text-right">
            <ul id="menu">
                <li>
                    <input id="check02" type="checkbox" name="menu" />
                    <label for="check02"><span class="fa fa-bars" aria-hidden="true"></span></label>
                    <ul class="submenu">
                        <li><a href="#" th:if="${session.user!=null}" th:text="'Hello:'+${session.user.getUserName()}"></a></li>
                        <li><a th:href="@{index}" href="index.html" class="scroll">Home</a></li>
                        <li><a th:href="@{login}" href="user/login.html" th:if="${session.user==null}" th:text="Login"></a></li>
                        <li><a th:href="@{/logout}" th:if="${session.user!=null}" th:text="Logout"></a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="container">
            <div class="baner-info-w3ls text-left">
                <h1><a th:href="@{index}" href="index.html" >Kiwi</a></h1>
                <h6 class="mx-auto mt-4">写代码中</h6>
                <a class="btn btn-primary mt-lg-5 mt-3 agile-link-bnr scroll"  href="/static/article/index2.html"  role="button">Click me！</a>
                <div class="banner-high-lights text-left">
                    <div class="rotate">
                        <a href="#about" class="scroll">
                               <span class="fa fa-long-arrow-down"></span>                 
						</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- what we do -->
    <section class="wedo py-lg-5 py-5" id="about">
        <div class="container py-lg-5">
            <div class="text-center">
                <h3 class="tittle_head">测试 </h3>
                <p class="main_p mt-4 mb-4 pt-2 text-center mx-auto">打游戏记得的叫我，除非我在写东西</p>
            </div>
            <div class="wedo_top text-center py-5">
                <ul>
                    <li><a th:href="@{login}" href="user/login.html"><span class="fa fa-cog" ></span></a></li>
                    <li><span class="fa fa-code"></span></li>
                    <li><span class="fa fa-copy"></span></li>
                </ul>
            </div>
        </div>
    </section>
    <!-- //what we do -->
    <!-- banner-bottom1 -->
    <section class="banner-bottom" id="news">
        <div class="banner-top row middle-grids">
            <div class="col-lg-4 advantage-grid-info1">
                <div class="advantage_left2 text-center">

                </div>
            </div>
            <div class="col-lg-8 advantage-grid-info">
                <div class="advantage_left">
                    <h3>上次登录时间</h3>
                    <p class="mt-4" th:if="${session.user!=null}" th:text="${session.user.getUserLudt()}"></p>
                    <p class="mt-4" th:if="${session.user==null}" th:text="请先登录"></p>
                </div>
            </div>
        </div>
    </section>


    <!-- //footer -->

</body>

</html>
